<div>
  <!-- 步骤条 -->
  <el-steps :active="activeStep" finish-status="success">
    <el-step title="第一步" description="基本信息"></el-step>
    <el-step title="第二步" description="商品图片"></el-step>
    <el-step title="第三步" description="商品内容"></el-step>
  </el-steps>

  <!-- tab栏 -->
  <el-tabs v-model="activeName" tab-position="left" @tab-click="changeTab">
    <el-tab-pane label="基本信息" name="one">
      <!-- // 表单 -->
      <el-form ref="form" :model="addGoodsForm" label-width="80px">
        <el-form-item label="商品名称">
          <el-input v-model="addGoodsForm.goods_name"></el-input>
        </el-form-item>
        <el-form-item label="商品价格">
          <el-input v-model="addGoodsForm.goods_price"></el-input>
        </el-form-item>
        <el-form-item label="商品重量">
          <el-input v-model="addGoodsForm.goods_weight"></el-input>
        </el-form-item>
        <el-form-item label="商品数量">
          <el-input v-model="addGoodsForm.goods_number"></el-input>
        </el-form-item>
        <el-form-item label="商品分类">
          <el-cascader
            :options="options"
            v-model="addGoodsForm.goods_cat"
            :props="{ label : &quot;cat_name&quot;,value:&quot;cat_id&quot;}"
          >
          </el-cascader>
        </el-form-item>
        <el-form-item label="是否促销">
          <el-radio v-model="addGoodsForm.is_promote" :label="true"
            >是</el-radio
          >
          <el-radio v-model="addGoodsForm.is_promote" :label="false"
            >否</el-radio
          >
        </el-form-item>
      </el-form>
      <el-button @click="nextStep(2,'two')" type="primary">下一步</el-button>
    </el-tab-pane>
    <el-tab-pane label="商品图片" name="two">
      <!--
          el-upload 上传图片
       -->
      <el-upload
        action="http://localhost:8888/api/private/v1/upload"
        :headers="uploadHeaders"
        :on-success="onuploadSuccess"
        list-type="picture-card"
      >
        <el-button class="mt20" size="small" type="primary">点击上传</el-button>
        <div slot="tip" class="el-upload__tip">
          只能上传jpg/png文件，且不超过500kb
        </div>
      </el-upload>
      <el-button class="mt20" @click="nextStep(3,'three')" type="primary"
        >下一步</el-button
      >
    </el-tab-pane>
    <el-tab-pane label="商品内容" name="three">
      <quill-editor
        :options="editorOption"
        v-model="addGoodsForm.goods_introduce"
      ></quill-editor>
      <el-button class="mt20" type="primary" @click="addGoods">确定</el-button>
    </el-tab-pane>
  </el-tabs>

  <div v-html='htmlstr'></div>
</div>
